import React, { memo, useState } from 'react'
import { NavBar } from 'react-vant';
import './index.less'

export default memo(function UpdateName(props) {

    const [name, setName] = useState('学员007')
    return (
        <div className= 'UpdateName'>
            <div>
                <NavBar
                    title="修改昵称"
                    onClickLeft={() => props.history.push('/my-info')}
                    rightText="保存"
                    onClickRight={() => Toast('保存')}
                />
            </div>
            <div>
                <input className='name' type="text" value={name} onChange={(e) => setName(e.target.value)} />
            </div>
        </div>
    )
})
